import { bus } from '@/main.js';
import axios from 'axios';
import moment from 'moment';
import Cookies from 'js-cookie';
import _ from 'lodash';
import qs from 'qs';
// import Mock from 'mockjs';
import storage from '@/assets/storage.js';

// if (process.env.MOCK) {// 环境配置，一般用于开发初期，反正线上版本肯定不用
//   require('./mock.js')
// }// 本地开发，引入MOCK的拦截规则，用于开发早期自编

let axiosMap = axios.create({
  timeout: 1000 * 20,
  baseURL: 'http://127.0.0.1:4523/m1/5194974-4860836-default',
});
axiosMap.defaults.headers.post['Content-Type'] =
  'Content-Type:application/x-www-form-urlencoded; charset=UTF-8'; //预防跨域

// 添加请求拦截器
axiosMap.interceptors.request.use(
  (config) => {
    let token = Cookies.get('token');
    _.set(config, 'headers.token', token);
    // 如果使用全局loading，可以在这里open，不过……
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axiosMap.interceptors.response.use(
  function(response) {
    // 如果使用全局loading，可以在这里close，不过……
    // 对响应数据做点什么
    if (response.status === 200) {
      return response.data; //对明确的200做脱壳处理
    }
    // http://www.axios-js.com/zh-cn/docs/#%E5%93%8D%E5%BA%94%E7%BB%93%E6%9E%84 官网的响应结构
    return response;
  },
  function(error) {
    console.log(error);
    // 对响应错误做点什么
    if (error && error.response) {
      switch (error.response.status) {
        case 400:
          error.message = '请求错误(400)';
          break;
        case 401:
          this.$router.push('/login');
          break;
        case 403:
          error.message = '拒绝访问(403)';
          break;
        case 404:
          error.message = '请求出错(404)';
          break;
        case 408:
          error.message = '请求超时(408)';
          break;
        case 500:
          error.message = '服务器错误(500)';
          break;
        case 501:
          error.message = '服务未实现(501)';
          break;
        case 502:
          error.message = '网络错误(502)';
          break;
        case 503:
          error.message = '服务不可用(503)';
          break;
        case 504:
          error.message = '网络超时(504)';
          break;
        case 505:
          error.message = 'HTTP版本不受支持(505)';
          break;
        default:
          error.message = `连接出错(${error.response.status})!`;
      }
    } else {
      error.message = '连接服务器失败!';
    }
    return Promise.reject(error);
  }
);

let apiMap = {
  //后面跟正式的api接口

  fetch店面列表: function(params) {
    const url = `/getLatByStore`;
    return axiosMap.get(url, {
      params: params,
    });
  }, //地图西南东北坐标=>视野内坐标集合
  fetch区块列表: function(params) {
    const url = `/getLatByArea`;
    return axiosMap.get(url, {
      params: params,
    });
  }, //地图西南东北坐标=>视野内区块集合

  fetch店面子集by区块: function(params) {
    const url = `/fetchCAreaByAreaId`;
    return axiosMap.get(url, {
      params: params,
    });
  }, //区块id=>子集店面路径集合
  fetch某店面坐标集合: function(params) {
    const url = `/fetchPathsByStoreId`;
    return axiosMap.get(url, {
      params: params,
    });
  },

  testPost: function(params, data) {
    const url = `/api/UserRole/CreateUsersRole`;
    return axiosMap.post(url, data, {
      params: params,
    });
  },
};

export { apiMap };
